{% extends "_layouts/examples.html" %}
{% block title %}Icons / Dark (deprecated){% endblock %}

{% block standalone_css %}patterns_icons{% endblock %}

{% block content %}
<div style="background: #111">
  <i class="p-icon--plus is-light"></i>
  <i class="p-icon--minus is-light"></i>
  <i class="p-icon--expand is-light"></i>
  <i class="p-icon--collapse is-light"></i>
  <i class="p-icon--spinner u-animation--spin is-light"></i>
  <i class="p-icon--chevron-down is-light"></i>
  <i class="p-icon--chevron-up is-light"></i>
  <i class="p-icon--chevron-left is-light"></i>
  <i class="p-icon--chevron-right is-light"></i>
  <i class="p-icon--close is-light"></i>
  <i class="p-icon--help is-light"></i>
  <i class="p-icon--delete is-light"></i>
  <i class="p-icon--external-link is-light"></i>
  <i class="p-icon--drag is-light"></i>
  <i class="p-icon--menu is-light"></i>
  <i class="p-icon--code is-light"></i>
  <i class="p-icon--copy is-light"></i>
  <i class="p-icon--search is-light"></i>
  <i class="p-icon--share is-light"></i>
  <i class="p-icon--user is-light"></i>
  <i class="p-icon--information is-light"></i>
  <i class="p-icon--error is-light"></i>
  <i class="p-icon--success is-light"></i>
  <i class="p-icon--warning is-light"></i>
  <i class="p-icon--anchor is-light"></i>
  <i class="p-icon--success-grey is-light"></i>
  <i class="p-icon--error-grey is-light"></i>
</div>

<div class="p-strip--dark u-no-padding" style="background: #111">
  <i class="p-icon--plus"></i>
  <i class="p-icon--minus"></i>
  <i class="p-icon--expand"></i>
  <i class="p-icon--collapse"></i>
  <i class="p-icon--spinner u-animation--spin"></i>
  <i class="p-icon--chevron-down"></i>
  <i class="p-icon--chevron-up"></i>
  <i class="p-icon--chevron-left"></i>
  <i class="p-icon--chevron-right"></i>
  <i class="p-icon--close"></i>
  <i class="p-icon--help"></i>
  <i class="p-icon--delete"></i>
  <i class="p-icon--external-link"></i>
  <i class="p-icon--drag"></i>
  <i class="p-icon--menu"></i>
  <i class="p-icon--code"></i>
  <i class="p-icon--copy"></i>
  <i class="p-icon--search"></i>
  <i class="p-icon--share"></i>
  <i class="p-icon--user"></i>
  <i class="p-icon--information"></i>
  <i class="p-icon--error"></i>
  <i class="p-icon--success"></i>
  <i class="p-icon--warning"></i>
  <i class="p-icon--anchor"></i>
  <i class="p-icon--success-grey"></i>
  <i class="p-icon--error-grey"></i>
</div>
{% endblock %}
